/**
 * 栅格布局
 */

// export default (_self, h) => {
//   return [
//     h("Input", {})
//   ];
// };

export let row = {
  id: '',
  _id: '',
  dictionaryKey:'',
  compType: 'row',
  //控件名称
  compName: '栅格布局',
  //element标签
  ele: 'el-row',
  //图标
  compIcon: 'col',
  layout: 'rowItem',
  // 是否可配置
  config: true,
  //
  flex: 'default',
  justify: 'start',
  align: 'top',
  gutter: 0,
  responsive: true, // 默认开启响应式
  // 响应式断点配置（新增）
  rowResponsive: { // 行级响应式配置
    xs: 12,  // <768px 时占满
    sm: 12,  // ≥768px
    md: 12,  // ≥992px
    lg: 5,  // ≥1200px
    xl: 7   // ≥1920px
  },
  
  columns: [
    {
      index: 0,
      span: 12, // 默认列宽
      // 列级响应式配置（新增）
      responsive: true,
      xs: 24,  // 手机端整行
      sm: 12,  // 平板保持50%
      md: 6,
      lg: 6,
      xl: 6,
      list: []
    },
    {
      index: 1,
      span: 12, // 默认列宽
      // 列级响应式配置（新增）
      responsive: true,
      xs: 24,  // 手机端整行
      sm: 12,  // 平板保持50%
      md: 6,
      lg: 6,
      xl: 6,
      list: []
    },
    {
      index: 2,
      span: 12, // 默认列宽
      // 列级响应式配置（新增）
      responsive: true,
      xs: 24,  // 手机端整行
      sm: 12,  // 平板保持50%
      md: 6,
      lg: 6,
      xl: 6,
      list: []
    },
    {
      index: 3,
      span: 12, // 默认列宽
      // 列级响应式配置（新增）
      responsive: true,
      xs: 24,  // 手机端整行
      sm: 12,  // 平板保持50%
      md: 6,
      lg: 6,
      xl: 6,
      list: []
    },
   
  ]

};
